<template>
  <FileUploadDownload :data="pileStore.editRowData.value"></FileUploadDownload>
  <ul>
    <li v-for="image in pileImages" :key="image.pileNumber">
      <PileImage :pile-images="image"></PileImage>
    </li>
  </ul>


</template>

<script setup>
import PileImage from "@/views/pile/components/PileImage.vue";
import FileUploadDownload from "@/views/fileUploadDownload/index.vue"
import {ref,onMounted} from "vue";
import { usePileStore } from '@/stores/pileStore.js';
import {getPileImagesAPI} from "@/apis/api_pile_image.js";
const pileStore = usePileStore();

const pileImages = ref([]);
const getPileImages =async () => {
  console.log("+++++++++++++++++++++++++++>",pileStore.editRowData.value.pileNumber);
  const res=await getPileImagesAPI(pileStore.editRowData.value.pileNumber)
  console.log(res.data)
  pileImages.value = res.data
}
onMounted(()=>getPileImages())
</script>
<style scoped >
ul{
  list-style-type: none;
  display: flex;
}
</style>